#banner {
  width: 100%;
  height: 760px;
  overflow: hidden;
  background-color: #f7f0e6;
  text-align: center; }
  #banner .swiper-container {
    width: 100%;
    height: 100%; }
    #banner .swiper-container .swiper-slide {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    #banner .swiper-container .swiper-pagination-bullet {
      background-color: #fff; }
    #banner .swiper-container .swiper-pagination-bullet-active {
      background-color: #c0a57b; }

@media screen and (max-width: 1220px) {
  #banner {
    height: 600px; } }
@media screen and (max-width: 860px) {
  #banner {
    height: 500px; } }
@media screen and (max-width: 750px) {
  #banner {
    height: 4.6rem; } }
#design {
  width: 100%;
  padding-bottom: 75px;
  background-color: #f5f5f5; }
  #design .content_wrapper {
    width: 1200px;
    margin: 0 auto; }
    #design .content_wrapper .title {
      text-align: center;
      height: 140px; }
      #design .content_wrapper .title p:nth-of-type(1) {
        font-size: 30px;
        font-family: "triu";
        line-height: 30px;
        margin-top: 38px;
        display: inline-block; }
      #design .content_wrapper .title p:nth-of-type(2) {
        color: #4d4d4d;
        font-size: 20px;
        line-height: 20px;
        margin-top: 14px; }
    #design .content_wrapper .content {
      width: 1200px;
      height: 754px;
      font-size: 0; }
      #design .content_wrapper .content .shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        padding: 0 50px;
        padding-top: 20%;
        opacity: 0; }
        #design .content_wrapper .content .shadow p:nth-of-type(1) {
          font-size: 16px;
          font-weight: bold; }
        #design .content_wrapper .content .shadow p:nth-of-type(2) {
          font-size: 14px;
          line-height: 30px;
          margin-top: 35px;
          text-align: justify; }
        #design .content_wrapper .content .shadow .more {
          width: 180px;
          height: 49px;
          background-color: #c0a57b;
          line-height: 49px;
          display: inline-block;
          font-size: 14px;
          line-height: 49px;
          margin-top: 42px;
          color: #fff; }
      #design .content_wrapper .content .left {
        display: inline-block;
        width: 790px; }
        #design .content_wrapper .content .left .top {
          width: 100%;
          height: 346px;
          overflow: hidden;
          position: relative;
          background-color: #f7f0e6; }
          #design .content_wrapper .content .left .top .shadow {
            padding-top: 10%;
            transition: opacity 1s ease-out; }
            #design .content_wrapper .content .left .top .shadow p:nth-of-type(2) {
              word-break: break-all;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
          #design .content_wrapper .content .left .top img {
            width: 100%;
            height: 100%; }
          #design .content_wrapper .content .left .top:hover .shadow {
            opacity: 1; }
        #design .content_wrapper .content .left .line_2 {
          width: 0px;
          height: 1px;
          background-color: #d0c0ab;
          margin: 12px 0;
          transition: width 1.5s ease-out; }
        #design .content_wrapper .content .left .bottom {
          width: 100%;
          height: 383px; }
          #design .content_wrapper .content .left .bottom .bottom_left,
          #design .content_wrapper .content .left .bottom .bottom_right {
            display: inline-block;
            width: 385px;
            height: 100%;
            overflow: hidden;
            position: relative;
            background-color: #f7f0e6; }
            #design .content_wrapper .content .left .bottom .bottom_left .shadow,
            #design .content_wrapper .content .left .bottom .bottom_right .shadow {
              transition: opacity 1s ease-out; }
              #design .content_wrapper .content .left .bottom .bottom_left .shadow p:nth-of-type(2),
              #design .content_wrapper .content .left .bottom .bottom_right .shadow p:nth-of-type(2) {
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden; }
            #design .content_wrapper .content .left .bottom .bottom_left img,
            #design .content_wrapper .content .left .bottom .bottom_right img {
              width: 100%;
              height: 100%; }
            #design .content_wrapper .content .left .bottom .bottom_left:hover .shadow,
            #design .content_wrapper .content .left .bottom .bottom_right:hover .shadow {
              opacity: 1; }
          #design .content_wrapper .content .left .bottom .line_3 {
            transition: height 1.5s ease-out;
            display: inline-block;
            width: 1px;
            height: 0px;
            background-color: #d0c0ab;
            margin: 0 9px;
            vertical-align: top; }
      #design .content_wrapper .content .line_1 {
        display: inline-block;
        vertical-align: top;
        margin-left: 13px;
        width: 1px;
        height: 0px;
        background-color: #d0c0ab;
        transition: height 1.5s ease-out; }
      #design .content_wrapper .content .right {
        float: right;
        width: 384px;
        height: 100%;
        overflow: hidden;
        position: relative;
        background-color: #f7f0e6; }
        #design .content_wrapper .content .right .shadow {
          padding-top: 60%;
          transition: opacity 1s ease-out; }
          #design .content_wrapper .content .right .shadow p:nth-of-type(2) {
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden; }
        #design .content_wrapper .content .right img {
          width: 100%;
          height: 100%; }
        #design .content_wrapper .content .right:hover .shadow {
          opacity: 1; }

@media screen and (max-width: 1220px) {
  #design .content_wrapper {
    width: 941px; }
    #design .content_wrapper .content {
      width: 100%;
      height: 593px; }
      #design .content_wrapper .content .shadow {
        padding-top: 14%; }
        #design .content_wrapper .content .shadow p:nth-of-type(2) {
          margin-top: 20px; }
        #design .content_wrapper .content .shadow .more {
          margin-top: 30px; }
      #design .content_wrapper .content .left {
        width: 621px; }
        #design .content_wrapper .content .left .top {
          height: 272px; }
          #design .content_wrapper .content .left .top .shadow {
            padding-top: 6%; }
        #design .content_wrapper .content .left .line_2 {
          margin: 10px 0; }
        #design .content_wrapper .content .left .bottom {
          height: 301px; }
          #design .content_wrapper .content .left .bottom .bottom_left,
          #design .content_wrapper .content .left .bottom .bottom_right {
            width: 303px; }
          #design .content_wrapper .content .left .bottom .line_3 {
            margin: 0 6px; }
      #design .content_wrapper .content .line_1 {
        margin-left: 9px; }
      #design .content_wrapper .content .right {
        width: 303px;
        height: 100%; } }
@media screen and (max-width: 960px) {
  #design .content_wrapper {
    width: 718px; }
    #design .content_wrapper .content {
      width: 100%;
      height: 451px; }
      #design .content_wrapper .content .shadow {
        padding-top: 14%; }
        #design .content_wrapper .content .shadow .more {
          margin-top: 15px;
          width: 112px;
          height: 30px;
          line-height: 30px;
          font-size: 12px; }
      #design .content_wrapper .content .left {
        width: 472px; }
        #design .content_wrapper .content .left .top {
          height: 207px; }
          #design .content_wrapper .content .left .top .shadow {
            padding-top: 6%; }
        #design .content_wrapper .content .left .line_2 {
          margin: 6px 0;
          width: 100%; }
        #design .content_wrapper .content .left .bottom {
          height: 229px; }
          #design .content_wrapper .content .left .bottom .bottom_left,
          #design .content_wrapper .content .left .bottom .bottom_right {
            width: 230px; }
          #design .content_wrapper .content .left .bottom .line_3 {
            margin: 0 5px;
            height: 100%; }
      #design .content_wrapper .content .line_1 {
        margin-left: 8px;
        height: 100%; }
      #design .content_wrapper .content .right {
        width: 231px;
        height: 100%; } }
@media screen and (max-width: 750px) {
  #design {
    height: auto;
    padding-bottom: .75rem; }
    #design .content_wrapper {
      width: 100%;
      box-sizing: border-box;
      padding: 0 .24rem; }
      #design .content_wrapper .content {
        height: auto; }
        #design .content_wrapper .content .shadow {
          padding: 0 .4rem;
          padding-top: 14%; }
          #design .content_wrapper .content .shadow p:nth-of-type(1) {
            font-size: .3rem; }
          #design .content_wrapper .content .shadow p:nth-of-type(2) {
            font-size: .26rem;
            margin-top: .2rem;
            line-height: .44rem; }
          #design .content_wrapper .content .shadow .more {
            width: auto;
            height: auto;
            padding: 0rem .2rem;
            font-size: .18rem; }
        #design .content_wrapper .content .right {
          display: none; }
        #design .content_wrapper .content .line_1 {
          display: none; }
        #design .content_wrapper .content .left {
          width: 7.01rem; }
          #design .content_wrapper .content .left .top {
            height: 3.05rem; }
          #design .content_wrapper .content .left .bottom {
            height: 3.43rem; }
            #design .content_wrapper .content .left .bottom .line_3 {
              margin: 0 .06rem; }
            #design .content_wrapper .content .left .bottom .bottom_left,
            #design .content_wrapper .content .left .bottom .bottom_right {
              width: 3.43rem;
              height: 3.43rem; }
              #design .content_wrapper .content .left .bottom .bottom_left .shadow p:nth-of-type(2),
              #design .content_wrapper .content .left .bottom .bottom_right .shadow p:nth-of-type(2) {
                -webkit-line-clamp: 2; } }
#case {
  width: 100%;
  height: 453px;
  padding: 50px 0; }
  #case .content_wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative; }
    #case .content_wrapper .left .title {
      height: 140px;
      display: inline-block; }
      #case .content_wrapper .left .title p:nth-of-type(1) {
        font-size: 30px;
        font-family: "triu";
        line-height: 30px;
        display: inline-block; }
      #case .content_wrapper .left .title p:nth-of-type(2) {
        color: #4d4d4d;
        font-size: 20px;
        line-height: 20px;
        margin-top: 14px; }
    #case .content_wrapper .left ul li {
      margin-bottom: 58px; }
      #case .content_wrapper .left ul li a {
        color: #4c4c4c;
        font-size: 16px; }
      #case .content_wrapper .left ul li::after {
        display: inline-block;
        content: "";
        width: 40px;
        height: 1px;
        background-color: #d0c0ab;
        vertical-align: middle;
        margin-left: 30px;
        transition: width .5s ease-out; }
    #case .content_wrapper .left ul li:hover::after {
      width: 94px; }
    #case .content_wrapper .left ul li.active {
      font-weight: bold; }
      #case .content_wrapper .left ul li.active a {
        color: #333; }
      #case .content_wrapper .left ul li.active::after {
        width: 94px; }
    #case .content_wrapper .right {
      position: absolute;
      left: 346px;
      top: 0;
      width: 1130px;
      height: 453px;
      display: flex;
      justify-content: space-between; }
      #case .content_wrapper .right li {
        width: 30%;
        height: 100%;
        overflow: hidden;
        background-color: #f7f0e6; }
        #case .content_wrapper .right li img {
          width: 100%;
          height: 100%;
          transition: transform .5s ease-out;
          cursor: pointer; }
          #case .content_wrapper .right li img:hover {
            transform: scale(1.1); }

@media screen and (max-width: 1774px) {
  #case {
    height: 385px; }
    #case .content_wrapper .left .left_nav li {
      margin-bottom: 46px; }
    #case .content_wrapper .right {
      width: 961px;
      height: 385px; } }
@media screen and (max-width: 1435px) {
  #case {
    height: 340px; }
    #case .content_wrapper .left .title {
      height: 128px; }
    #case .content_wrapper .left .left_nav li {
      margin-bottom: 30px; }
    #case .content_wrapper .right {
      width: 850px;
      height: 340px; } }
@media screen and (max-width: 1220px) {
  #case {
    height: auto; }
    #case .content_wrapper {
      width: 100%;
      height: auto; }
      #case .content_wrapper .left {
        margin-left: 20px; }
      #case .content_wrapper .right {
        left: auto;
        right: 0; } }
@media screen and (max-width: 1128px) {
  #case {
    height: auto; }
    #case .content_wrapper {
      width: 100%;
      height: auto; }
      #case .content_wrapper .left {
        margin-left: 20px; }
      #case .content_wrapper .right {
        width: 542px;
        height: 340px;
        left: auto;
        right: 20px; }
        #case .content_wrapper .right li {
          width: 48%; }
        #case .content_wrapper .right li:last-child {
          display: none; } }
@media screen and (max-width: 850px) {
  #case .content_wrapper .left .title {
    height: 100px; }
  #case .content_wrapper .left .left_nav li {
    font-size: 16px; }
    #case .content_wrapper .left .left_nav li::after {
      width: 20px; }
  #case .content_wrapper .left .left_nav li:hover::after {
    width: 40px; }
  #case .content_wrapper .left .left_nav li.active a {
    color: #333; }
  #case .content_wrapper .left .left_nav li.active::after {
    width: 50px; }
  #case .content_wrapper .right {
    width: 463px;
    height: 292px; } }
@media screen and (max-width: 750px) {
  #case {
    width: 100%;
    box-sizing: border-box;
    padding: .5rem .24rem; }
    #case .content_wrapper {
      width: 100%; }
      #case .content_wrapper .left {
        float: none;
        margin-left: 0; }
        #case .content_wrapper .left .title {
          text-align: center;
          width: 100%; }
        #case .content_wrapper .left .left_nav {
          text-align: center;
          overflow-x: scroll;
          overflow-y: hidden;
          text-align: left;
          white-space: nowrap;
          padding: 0 .1rem;
          margin-bottom: 40px;
          font-weight: bold;
          height: 30px;
          line-height: 30px; }
          #case .content_wrapper .left .left_nav li {
            display: inline-block;
            margin: 0 .2rem;
            width: auto;
            white-space: nowrap; }
            #case .content_wrapper .left .left_nav li a {
              font-size: 16px; }
            #case .content_wrapper .left .left_nav li::after {
              display: none; }
          #case .content_wrapper .left .left_nav li.active a {
            color: #c0a57b; }
      #case .content_wrapper .right {
        bottom: 0;
        top: auto;
        position: static;
        width: 100%;
        height: 4.19rem; }
        #case .content_wrapper .right li {
          width: 47%; } }
#team {
  width: 100%;
  height: 424px;
  overflow: hidden;
  position: relative;
  background-color: #f7f0e6; }
  #team .img_wrapper {
    width: 100%;
    height: 100%;
    background-image: url("../img/09.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #team .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    color: #fff;
    text-align: center; }
    #team .shadow .title {
      text-align: center;
      height: 140px; }
      #team .shadow .title p:nth-of-type(1) {
        font-size: 30px;
        font-family: "triu";
        line-height: 30px;
        margin-top: 38px;
        display: inline-block; }
      #team .shadow .title p:nth-of-type(2) {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        margin-top: 14px; }
    #team .shadow .font {
      width: 100%; }
      #team .shadow .font .desc {
        width: 746px;
        display: inline-block;
        line-height: 26px;
        font-size: 14px;
        text-align: justify; }
    #team .shadow .more {
      width: 180px;
      height: 49px;
      border: 1px solid #fff;
      line-height: 49px;
      display: inline-block;
      font-size: 14px;
      line-height: 49px;
      margin-top: 60px;
      color: #fff;
      transition: all .5s ease-out; }
      #team .shadow .more:hover {
        color: #c0a57b;
        border-color: #c0a57b; }

@media screen and (max-width: 850px) {
  #team {
    height: 340px; }
    #team .shadow .title {
      height: 110px; }
    #team .shadow .font .desc {
      width: 100%;
      padding: 0 40px;
      box-sizing: border-box;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
    #team .shadow .more {
      margin-top: 30px; } }
@media screen and (max-width: 750px) {
  #team {
    height: 4.4rem; }
    #team .shadow .font {
      margin-top: .2rem; }
      #team .shadow .font .desc {
        font-size: .2rem;
        line-height: .4rem;
        width: 100%;
        padding: 0 40px;
        -webkit-line-clamp: 2;
        height: .8rem;
        overflow: hidden; }
    #team .shadow .more {
      width: 1.8rem;
      height: .49rem;
      line-height: .49rem;
      font-size: .2rem;
      margin-top: 20px; } }
#intelligent {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 90px; }
  #intelligent .title {
    text-align: center;
    height: 140px; }
    #intelligent .title p:nth-of-type(1) {
      font-size: 30px;
      font-family: "triu";
      line-height: 30px;
      margin-top: 38px;
      display: inline-block; }
    #intelligent .title p:nth-of-type(2) {
      color: #4d4d4d;
      font-size: 20px;
      line-height: 20px;
      margin-top: 14px; }
  #intelligent .slider_con {
    position: relative; }
    #intelligent .slider_con .swiper-container {
      width: 1200px; }
      #intelligent .slider_con .swiper-container .swiper-slide {
        border: 1px solid #e6e6e6;
        box-sizing: border-box; }
        #intelligent .slider_con .swiper-container .swiper-slide a {
          width: 100%;
          height: 100%;
          display: inline-block; }
          #intelligent .slider_con .swiper-container .swiper-slide a .img_wrapper {
            width: 100%;
            overflow: hidden;
            background-color: #f7f0e6; }
            #intelligent .slider_con .swiper-container .swiper-slide a .img_wrapper img {
              width: 100%;
              transition: transform .5s ease-out; }
              #intelligent .slider_con .swiper-container .swiper-slide a .img_wrapper img:hover {
                transform: scale(1.1); }
          #intelligent .slider_con .swiper-container .swiper-slide a .font {
            width: 100%;
            box-sizing: border-box;
            padding: 0 44px;
            padding-top: 35px;
            text-align: justify; }
            #intelligent .slider_con .swiper-container .swiper-slide a .font p:nth-of-type(1) {
              font-size: 16px;
              color: #4d4d4d;
              font-weight: bold;
              overflow: hidden;
              text-overflow: ellipsis;
              height: 20px; }
            #intelligent .slider_con .swiper-container .swiper-slide a .font p:nth-of-type(2) {
              font-size: 14px;
              line-height: 22px;
              margin-top: 12px;
              color: #4d4d4d;
              margin-bottom: 14px;
              word-break: break-all;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            #intelligent .slider_con .swiper-container .swiper-slide a .font i {
              font-size: 28px;
              color: #999;
              transition: margin-left .5s ease-out; }
        #intelligent .slider_con .swiper-container .swiper-slide:hover a .font i {
          margin-left: 40px;
          color: #c0a57b; }
    #intelligent .slider_con .swiper-pagination {
      bottom: -45px;
      left: 50%;
      transform: translateX(-50%); }
      #intelligent .slider_con .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px;
        border: 1px solid #9e9e9e;
        background-color: #fff; }
      #intelligent .slider_con .swiper-pagination .swiper-pagination-bullet:focus {
        outline: none; }
      #intelligent .slider_con .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #c0a57b;
        border-color: #c0a57b; }

@media screen and (max-width: 1220px) {
  #intelligent {
    width: 100%; }
    #intelligent .slider_con .swiper-container {
      width: 100%; }
      #intelligent .slider_con .swiper-container .swiper-slide {
        height: auto; }
        #intelligent .slider_con .swiper-container .swiper-slide a .font {
          padding: 0 20px;
          padding-top: 20px;
          padding-bottom: 30px; } }
@media screen and (max-width: 750px) {
  #intelligent {
    width: 100%; }
    #intelligent .slider_con .swiper-container .swiper-slide {
      height: auto; }
      #intelligent .slider_con .swiper-container .swiper-slide a .font {
        padding: 0 .3rem;
        padding-top: .3rem;
        padding-bottom: .4rem; }
        #intelligent .slider_con .swiper-container .swiper-slide a .font p:nth-of-type(1) {
          font-size: .3rem;
          height: .4rem;
          line-height: .4rem; }
        #intelligent .slider_con .swiper-container .swiper-slide a .font p:nth-of-type(2) {
          font-size: .24rem;
          line-height: .34rem; } }
#news {
  width: 100%;
  background-color: #f5f5f5;
  padding-bottom: 40px;
  text-align: center; }
  #news .title {
    text-align: center;
    height: 140px; }
    #news .title p:nth-of-type(1) {
      font-size: 30px;
      font-family: "triu";
      line-height: 30px;
      margin-top: 38px;
      display: inline-block; }
    #news .title p:nth-of-type(2) {
      color: #4d4d4d;
      font-size: 20px;
      line-height: 20px;
      margin-top: 14px; }
  #news .item {
    display: flex;
    justify-content: center; }
    #news .item li {
      width: 154px;
      height: 38px;
      border: 1px solid #d9d9d9;
      line-height: 38px;
      text-align: center;
      margin: 0 17px;
      font-size: 0;
      position: relative; }
      #news .item li:after {
        display: inline-block;
        content: "";
        border: 5px solid transparent;
        border-top: 11px solid transparent;
        margin-top: -20px;
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%); }
      #news .item li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #4d4d4d;
        font-size: 14px; }
    #news .item li.active {
      background-color: #c0a57b; }
      #news .item li.active:after {
        border-top: 11px solid #c0a57b; }
      #news .item li.active a {
        color: #fff; }
  #news .list_item {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px; }
    #news .list_item li {
      width: 31.4%;
      height: auto;
      overflow: hidden;
      position: relative;
      text-align: left;
      font-size: 0; }
      #news .list_item li a {
        width: 100%;
        display: inline-block;
        overflow: hidden; }
        #news .list_item li a .img_wrapper {
          background-color: #f7f0e6; }
          #news .list_item li a .img_wrapper img {
            width: 100%;
            transition: transform .5s ease-out; }
            #news .list_item li a .img_wrapper img:hover {
              transform: scale(1.1); }
        #news .list_item li a .shadow {
          position: absolute;
          width: 100%;
          height: 48px;
          background-color: rgba(0, 0, 0, 0.6);
          color: #fff;
          bottom: 0;
          line-height: 48px;
          box-sizing: border-box;
          padding: 0 18px;
          font-size: 16px; }
          #news .list_item li a .shadow span {
            float: right; }
  #news .more {
    width: 180px;
    height: 49px;
    border: 1px solid #999;
    line-height: 49px;
    display: inline-block;
    font-size: 14px;
    line-height: 49px;
    margin-top: 40px;
    color: #4d4d4d;
    cursor: pointer;
    transition: all .5s ease-out; }
    #news .more:hover {
      color: #c0a57b;
      border-color: #c0a57b; }

@media screen and (max-width: 1220px) {
  #news .list_item {
    width: 100%; } }
@media screen and (max-width: 750px) {
  #news .list_item li {
    width: 48%; }
    #news .list_item li a .shadow {
      height: .7rem;
      line-height: .7rem;
      font-size: .2rem;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 .1rem; }
      #news .list_item li a .shadow span {
        display: none; }
  #news .list_item li:last-child {
    display: none; }
  #news .more {
    width: 1.8rem;
    height: .49rem;
    font-size: .2rem;
    line-height: .49rem; } }

/*# sourceMappingURL=index.css.map */